<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

	<style>
		.col, .col2 {
			width:50%;
			vertical-align:top;
		}
	</style>


	<h:form>	
		<h:panelGrid columns="2" width="100%" columnClasses="col1,col2">
		
			<rich:tree style="width:300px" nodeSelectListener="#{simpleTreeBean.processSelection}" 
				reRender="selectedNode" ajaxSubmitSelection="true"  switchType="client"
				value="#{simpleTreeBean.treeNode}" var="item">
			</rich:tree>
			
			<h:outputText escape="false" value="Selected Node: #{simpleTreeBean.nodeTitle}" id="selectedNode" />
		
		</h:panelGrid>

	</h:form>

</ui:composition>